import { BrowserRouter, Routes, Route } from 'react-router-dom';
import { App } from './App';
import { Kitchen } from './pages/Kitchen';
import { Laundry } from './pages/Laundry';
import { Climate } from './pages/Climate';
import { Security } from './pages/Security';
import { Guides } from './pages/Guides';
import { Solutions } from './pages/Solutions';
import { Privacy } from './pages/Privacy';
import { Terms } from './pages/Terms';
import { About } from './pages/About';
import { Contact } from './pages/Contact';
import { Layout } from './components/Layout';
import { Reviews } from './pages/Reviews';
import { ReviewDetail } from './pages/ReviewDetail';
import { GuideDetail } from './pages/GuideDetail';
import { SolutionDetail } from './pages/SolutionDetail';
import { ProductDetail } from './pages/ProductDetail';
export function AppRouter() {
  return <BrowserRouter
      future={{
        v7_startTransition: true,
        v7_relativeSplatPath: true
      }}
    >
      <Routes>
        <Route path="/" element={<App />} />
        <Route path="/kitchen" element={<Layout>
              <Kitchen />
            </Layout>} />
        <Route path="/laundry" element={<Layout>
              <Laundry />
            </Layout>} />
        <Route path="/climate" element={<Layout>
              <Climate />
            </Layout>} />
        <Route path="/security" element={<Layout>
              <Security />
            </Layout>} />
        <Route path="/guides" element={<Layout>
              <Guides />
            </Layout>} />
        <Route path="/guides/:id" element={<Layout>
              <GuideDetail />
            </Layout>} />
        <Route path="/solutions" element={<Layout>
              <Solutions />
            </Layout>} />
        <Route path="/solutions/:id" element={<Layout>
              <SolutionDetail />
            </Layout>} />
        <Route path="/privacy" element={<Layout>
              <Privacy />
            </Layout>} />
        <Route path="/terms" element={<Layout>
              <Terms />
            </Layout>} />
        <Route path="/about" element={<Layout>
              <About />
            </Layout>} />
        <Route path="/contact" element={<Layout>
              <Contact />
            </Layout>} />
        <Route path="/reviews" element={<Layout>
              <Reviews />
            </Layout>} />
        <Route path="/reviews/:id" element={<Layout>
              <ReviewDetail />
            </Layout>} />
        <Route path="/product/:id" element={<Layout>
              <ProductDetail />
            </Layout>} />
      </Routes>
    </BrowserRouter>;
}